<template>
  <view class="btnBottom">
    <uv-button
      @tap="sumbitHandle"
      type="primary"
      :customStyle="{
        background: '#44d5af',
        border: '2rpx solid #44d5af',
      }"
      :text="props.text"
    >
    </uv-button>
  </view>
</template>

<script lang="ts" setup>
import { ref, computed } from "vue";
const props = withDefaults(defineProps<
{
    text?: string
}>(), {
    text: '默认按钮'
})
const emits = defineEmits<{
  (e: "onSumbit", event: Event | TouchEvent | any): void;
}>();
const sumbitHandle = () => {
    emits("onSumbit", "");
};
</script>

<style scoped lang="scss">
.btnBottom {
  position: fixed;
  justify-content: center;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60px;
  background: #fff;
  padding-left: 40rpx;
  padding-right: 40rpx;
  box-sizing: border-box;
}
</style>
